<template>
  
  <el-row class="container-box">
    <el-row class="top-box">
      <el-button @click="$router.go(-1)"  class="go-btn show-go-btn " icon="el-icon-arrow-left">返回</el-button>
      <el-col class="img-btn-box">
        <el-col class="img-box"><img  src="../assets/index/xinjian.png" alt=""></el-col>
        <el-button @click="$router.push('/VoteEdit/0')" type="primary">单选投票</el-button>
      </el-col>
    </el-row>

    <el-row class="footer-box">
      <el-col class="img-btn-box">
        <el-col  class="img-box"><img src="../assets/index/xinjian.png" alt=""></el-col>
        <el-button @click="$router.push('/VoteEdit/1')" type="primary">多选投票</el-button>
      </el-col>
    </el-row>
    
  </el-row>
</template>

<script type="text/ecmascript-6">
  import { defineComponent } from "vue";
  // import { useRouter} from 'vue-router'
  export default defineComponent({
      name:"vote",
      setup(){
        // const router= useRouter()

        // function goto(type){
        //   router.push(`/VoteEdit/${type}`) 
        // }
        return {
        }
      }
  })
</script>

<style scoped lang="less" >

.container-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100vh;
  background: #F3F2F8;


  .top-box{
    position: relative;
    width: 100%;
    height: 46vh;
    background: white;

    .go-btn{
      position: absolute;
      top: 10px;
      left: 10px;
      margin-top: 0px;
      width: 100px;
    }
  }

  .footer-box{
    position: relative;
    margin-top: 2vh;
    width: 100%;
    height: 46vh;
    background: white;
  }

  .img-btn-box{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    width: 200px;
    height: 200px;
    text-align: center;

    .img-box{
      width: 100%;
      img{
        width: 100%;
        height: 150px;
      }
    }
  }

  .el-button{
    margin-top: 10px;
    width: 100%;
  }
}

@media screen and (min-width:770px) {
  .footer-box,.top-box{
    height: 48vh !important;
  }
  .footer-box{
    margin-top: 4vh !important;
  }


}

@media screen and (max-width:770px){
  .show-go-btn{
    display: none;
  }
}


</style>
